<template>
  <div>
    <a-form :form="form">
      <a-row>
        <a-form-item label="新建">
          <a-row :gutter="30">
            <a-col :span="8"><a-select mode="multiple" placeholder="请选择"></a-select></a-col>
            <a-col :span="8"><a-input placeholder="请输入" /></a-col>
            <a-col :span="8"><a-button type="primary">新建</a-button></a-col>
          </a-row>
        </a-form-item>
      </a-row>

      <a-form-item label="删除">
        <a-row :gutter="30">
          <a-col :span="8"><a-select mode="multiple" placeholder="请选择"></a-select></a-col>
          <a-col :span="8"><a-input placeholder="请输入" /></a-col>
          <a-col :span="8"><a-button type="primary">删除</a-button></a-col>
        </a-row>
      </a-form-item>
      <a-form-item label="加入">
        <a-row :gutter="30">
          <a-col :span="8"><a-select mode="multiple" placeholder="请选择"></a-select></a-col>
          <a-col :span="8"><a-input placeholder="请输入" /></a-col>
          <a-col :span="8"><a-button type="primary">加入 </a-button></a-col>
        </a-row>
      </a-form-item>
      <a-form-item label="补丁接收方式:">
        <a-row :gutter="30">
          <a-col :span="8">
            <a-select mode="multiple" placeholder="请选择"></a-select>
          </a-col>
          <a-col :span="8">
            <a-button type="primary">设置</a-button>
          </a-col>
        </a-row>
      </a-form-item>
    </a-form>
  </div>
</template>
<script>
const formItemLayout = {
  labelCol: { span: 4 },
  wrapperCol: { span: 8 },
}
const formTailLayout = {
  labelCol: { span: 4 },
  wrapperCol: { span: 8, offset: 4 },
}
export default {
  name: 'AssetManagePop',
  data() {
    return {
      form: this.$form.createForm(this),
      formItemLayout,
      formTailLayout,
    }
  },
}
</script>

<style scoped>
</style>
